<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo08表单控件</title>
</head>
<body>

<form action="#" >
    用户名:<input type="text" name="username" placeholder="请输入用户名" maxlength="6"> <br>
    密码:  <input type="password" name="password" placeholder="请输入密码"> <br>
    性别：<input type="radio" name="gender" VALUE="1" checked>男
        <input type="radio" name="gender" VALUE="0">女<br>
    爱好:<input type="checkbox" name="habby" value="cy">抽烟
        <input type="checkbox" name="habby" value="hj">喝酒
        <input type="checkbox" name="habby" value="xj">泡吧 <br>
    头像：<input type="file" name="picture"> <br>
    生日：<input type="date" name="birthday"><br>
    幸运色：<input type="color"><br>
    缩放：<input type="range"><br>
    留言板：<textarea name="xxxx"   style="resize: none" id="xxx" cols="30" rows="10"></textarea><br>

    <input type="checkbox" id="agree">
    <label for="agree">我同意以上协议</label><br>

    <!--选择框-->
    喜欢的城市:<select name="city">
            <option value="cd" selected>成都</option>
            <option value="heb">哈尔滨</option>
            <option value="nj">南京</option>
            <option value="zz">郑州</option>
            </select><br>

    <input type="submit" value="注册">
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button onclick="alert('哈哈哈')">按钮</button>
</form>

</body>
</html>